<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.clearFix::after{
			content: "";
			clear: both;
			display: block;
		}
		.box{
/*			width: 1600px;*/
			background-color: white;
		}
		.header{
			width: 100%;
			height: 60px;
			line-height: 60px;
			background-color: #191D3A;
			display: flex;
			justify-content: space-around;
		}
		.header-lift{
			height: 35px;
			margin: 10px 0 0 20px;
			color: #444866;
		}
		.header-middle{
			width: 650px;
			height: 58px;
		}
		.header-middle>a{
			width: 86.33px;
			height: 58px;
			text-decoration: none;
			font-size: 18px;
			color: #818496;
			margin: 5px;
		}
		.header-middle .only{
			display: inline-block;
			width: 99.33px;
			height: 33.33px;
			vertical-align: middle;
			line-height: 33.33px;
			background-color: green;

		}
		.header-right{
			display: flex;
		}
		.header-right p{
			color: #38B774;
			margin: 0 10px 0 0;
		}
		.header-right a{
			text-decoration: none;
			color: #444866;
		}
		.middle{
			width: 100%;
			height: 254px;
			color: #F8F8F8;
		}
		.top{
			display: flex;
			width: 1000px;
			height: 30px;
			margin: 0 auto;
			padding: 25px 0 15px;
			border-bottom: 1px solid #c7d6e5;
		}
		.top-one{
			height: 30px;
			line-height: 30px;
			color: #444866;
			padding-left: 20px;
			background-image: url("http://so.vqq.com/images/location.png");
			background-position: 0 245px;
		}
		.top-two{
			display: flex;
			margin-left: 800px;

		}
		.bottom{
			display: flex;
			margin: 0 auto;
			width: 1000px;
			height: 200px;
			padding: 30px 0 26px;
		}
		.bottom-one{
			width: 320px;
			height: 150px;
			color: #444866;
			background-color: #f1f1f1;
			margin-right: 20px;
			text-align: center;	
		}
		.jl{
			width: 38px;
			height: 68px;
			background: url("http://so.vqq.com/images/faqicon.png?1002");
			margin: 0 auto;
			padding-right: 12px;
		}
		.kf{
			width: 38px;
			height: 68px;
			background: url("http://so.vqq.com/images/faqicon.png?1002");
			margin: 0 auto;
			padding-right: 12px;
			background-position:0 60px;

		}
		.yx{
			width: 38px;
			height: 68px;
			background: url("http://so.vqq.com/images/faqicon.png?1002");
			margin: 0 auto;
			padding-right: 12px;
			background-position:0 130px;
		}
		div>h3{
			width: 1000px;
			height: 62px;
			color: #444886;
			line-height: 62px;
			margin: 0 auto;
		}
		.game{
			display: flex;
			flex-wrap: wrap;
			width: 1006px;
			height: 372px;
			margin: 0 auto;
			border: 1px solid #444866;
		}
		.game-only{
			width: 250px;
			height: 150px;
			text-align: center;
			border: 1px solid #444866;
			padding-top: 35px;
		}
		.game-only>img{
			width: 70px;
			height: 70px;
		}
		.game-only>p{
			width: 100%;
			height: 36px;
			color: #444866;
		}
		.game-two{
			width: 250px;
			height: 150px;
			line-height: 150px;
			text-align: center;
			border-right: 0.5px solid #444866;
		}
		.text{
			width: 100%;
			height: 140px;
			margin: 80px 0;
			background-color: #444866;

		}
		.tittle{
			width: 1000px;
			height: 140px;
			margin: 0 auto;
		}
		.text-one{
			display: flex;
			padding-top: 10px;
		}
		.text-one img{
			width: 36px;
			height: 50px;
		}
		.text p{
			font-size: 12px;
			color: white;
			margin-top: 10px;
			padding-top: 10px;
		}
		
		.top-two a{
			float: right;
		}
		.top-two p{
			float: right;
		}
		
		




	</style>
</head>
<body>
	
	

	<div class="box">

	<div class="header">

		<div class="header-lift">
			<img src="http://so.vqq.com/images/logo.png">
		</div>

		<div class="header-middle">
			<a href="">首页</a>
			<a href="">博雅游戏</a>
			<a href="">博雅新闻</a>
			<a href="">关于我们</a>
			<a href="">客服中心</a>
			<a href="">投资者关系</a>
			
			<a class="only" href="">加入我们</a>
		</div>

		<div class="header-right">
			<p>中文</p>
			<a href="">EN</a>
		</div>
	</div>

	<div class="middle">
		<img src="http://so.vqq.com/pic/faqbanner.jpg">
	</div>

	<div class="top">
		<div class="top-one"></div>
		<h2>客服中心</h2>

		<div class="top-two">
			<a href="">
				<img src="http://so.vqq.com/images/home.png">
			</a>
			<p>客服中心</p>
		</div>

	</div>

	<div class="bottom">
		<div class="bottom-one">
			<div class="jl"></div>
			<p>客服电话:</p>
			<h1>400-688-7026</h1>
		</div>

		<div class="bottom-one">
			<div class="kf"></div>
			<p>在线客服:</p>
			<h1>在线人工服务</h1>
		</div>

		<div class="bottom-one">
			<div class="yx"></div>
			<p>客服邮箱:</p>
			<h1>kefu@boyaa.com</h1>
		</div>
		
	</div>

		<div>
			<h3>点击以下各游戏图标查看常见问题解答：</h3>
		</div>

		<div class="game">
			<div class="game-only">
				<img src="http://so.vqq.com/images/byaddz.png">
				<p>新斗地主</p>
			</div>

			<div class="game-only">
				<img src="http://so.vqq.com/images/byaxiangq.png">
				<p>中国象棋</p>
			</div>

			<div class="game-only">
				<img src="http://so.vqq.com/images/byascmaj.png">
				<p>四川麻将</p>
			</div>

			<div class="game-only">
				<img src="http://so.vqq.com/images/byamj.png">
				<p>博雅麻将全集</p>
			</div>

			<div class="game-two">
				........
			</div>
			
		</div>

		<div class="text">

			<div class="tittle">

			<p>网站地图  |  免责声明  |  监督举报 | 《博雅游戏接入第三方SDK目录》</p>

			<p>Copyright © 2004 - 2019 博雅互动(Boyaa Interactive)粤ICP备05062536号</p>

			<div class="text-one">
			<p>网络文化经营许可证：粤网文[2018]9499-3381号 | 互联网出版许可证：（署）网出证（粤）字第 030 号 | 增值电信业务经营许可证：粤B2-20110513 </p>
			<img src="https://szcert.ebs.org.cn/Images/govIcon.gif">
			</div>

			</div>

		</div>

	


	</div>



</body>
</html>